<div class="ency">
  <!-- 导航栏部分 -->
  <div class="head">
    <headss>
      <div slot="left" class="left">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704913941163986.png"
          alt="" @click="goto">
      </div>
      <div slot="center" class="centet">
        <p>百科</p>
      </div>
      <div slot="right" class="right">
        <img  @click="search"     
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/pspaafrlhcqglmh0a1oim8pge29dgz00d9p654b9407-46fd-4411-885f-d959062ceabc" />
      </div>
    </headss>
  </div>
<!-- tabs切换页面 -->
<div class="tabs">
 <tabs :list="listname" :active="actives" @tabs="change"></tabs>
</div> 
 <div class="pulldown">
   <div
     class="pulldown-bswrapper"
     ref="bsWrapper"
   >
     <div class="pulldown-scroller">
       <div class="pulldown-wrapper">
         <div v-show="beforePullDown">
           <span :class ="flog?'tt':'ss'">↓</span>
         </div>
         <div v-show="!beforePullDown">
           <div v-show="isPullingDown">
             <span>Loading...</span>
           </div>
           <div v-show="!isPullingDown">
             <span>Refresh success</span>
           </div>
         </div>
       </div>
       <div class="list" > 
         <div class="left" ref="left"  >
               <div class="left-list"   v-for="(item,index) in left" :key="index">
                 <div class="top" >
                     <img :style="[{height: `${item.imgHeight}px`}]"  v-lazy="item.img"   alt="">
                 </div>
                 <div class="center">
                     <p>酷揭秘！为什呢你的狗狗不愿意睡狗窝！</p>
                 </div>
                 <div class="r-r-b">
                   <div class="distance">
                     <img
                       src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps5x4npzrv6p9tnwchsplbvo61zytk11vp9a64d1b41-d98d-4d8d-acb3-b23c415e2aa9"
                       alt=""
                       height="item."
                       >
                     <p class="data">瑞派我宠我爱</p>
                   </div>  
                   <div class="dianzhanb">
                     <img
                       src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6jxjy26okd8la751qjduv38tj3gk2ybfdeab0205-7093-4109-bc95-f8d10c009aee"
                       alt="">
                     <p class="data">4458</p>
                   </div>
                 </div>
               </div>
         </div>
         <div class="right" ref="right" >
           <div class="left-list" v-for="(item,index) in right" :key="index">
             <div class="top">
              <img :style="[{height: `${item.imgHeight}px`}]"  v-lazy="item.img"   alt="">
             </div>
             <div class="center">
              <p>酷揭秘！为什呢你的狗狗不愿意睡狗窝！</p>
             </div>
             <div class="r-r-b">
               <div class="distance">
                 <img
                   src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps5x4npzrv6p9tnwchsplbvo61zytk11vp9a64d1b41-d98d-4d8d-acb3-b23c415e2aa9"
                   alt="">
                 <p class="data">瑞派我宠我爱</p>
               </div>  
               <div class="dianzhanb">
                 <img
                   src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6jxjy26okd8la751qjduv38tj3gk2ybfdeab0205-7093-4109-bc95-f8d10c009aee"
                   alt="">
                 <p class="data">4458</p>
               </div>
             </div>
           </div>
         </div>           
       </div>
       <div class="pullup-tips">
         <!-- <div  class="before-trigger">
           <span class="pullup-txt">Pull up and load more</span>
         </div> -->
         <div v-if="isPullUpLoad" class="after-trigger">
           <span class="pullup-txt">Loading...</span>
         </div>
       </div>
     </div>
   </div>
 </div>
</div>
